﻿<%@ Page Title="" Language="C#" MasterPageFile="~/masters/SecuredInterna.Master" AutoEventWireup="true" CodeBehind="Simuladores.aspx.cs" Inherits="BancoIdeal.secured.Simuladores" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitlePageSecured" runat="server">
    Simulador de créditos
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript" src="js/dist/jquery.jqplot.min.js"></script>
    <script type="text/javascript" src="js/interactionsSimulacion.js"></script>
    <script type="text/javascript" src="js/interactions.js"></script>
	<link rel="stylesheet" type="text/css" href="js/dist/jquery.jqplot.css" />
    <script type="text/javascript" src="js/dist/plugins/jqplot.cursor.min.js"></script>
    <script type="text/javascript" src="js/dist/plugins/jqplot.dateAxisRenderer.min.js"></script>
    <script type="text/javascript" src="js/dist/plugins/jqplot.highlighter.min.js"></script>

    <script type="text/javascript">
        $(
			function () {
				InteraccionCuentas();
				ScrollToolFun();
			}
		);
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="SectionIcon" runat="server">
    <span class="icono iconoSimuladores48x">
                    	&nbsp;
                    </span>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="SectionTitle" runat="server">
Simulador
</asp:Content>
<asp:Content ID="Content6" ContentPlaceHolderID="InfoScreen" runat="server">
  Puedes usar esta herramienta para analizar la duración o el monto de las cuotas al solicitar un crédito de vivienda, vehículo o de consumo.
</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="MoreInfoScreen" runat="server">
    <a href="#" class="verMasInfo">
        <span class="fondoAdicional">
            <span class="estiloTexto">
                más información
            </span>
        </span>
    </a>
</asp:Content>
<asp:Content ID="Content8" ContentPlaceHolderID="SectionOptions" runat="server">
    <ul>
                	<li>
                        <a href="solicitarProductos.aspx" class="opcionSeccion">
                            <span class="icono nuevo">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Solicitar nuevo crédito
                                </span>
                            </span>
                        </a>
                    </li>
                	<li>
                        <a href="Creditos.aspx" class="opcionSeccion">
                            <span class="icono creditos">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Mis créditos
                                </span>
                            </span>
                        </a>
                    </li>
                </ul>
</asp:Content>
<asp:Content ID="Content9" ContentPlaceHolderID="TitleSubSectionPanorama" runat="server">
    Simulador de créditos
</asp:Content>
<asp:Content ID="Content10" ContentPlaceHolderID="OpcionesTileHorizontal" runat="server">
			<div class="paginaSimulador">
			
                <div id="opcionesCredito" class="">
                	
                   	&iquest;Qu&eacute; tipo de cr&eacute;dito piensas solicitar?
                	<a class="tipoCreditoBtn" id="creditoVivienda" title="Crédito de vivienda"><span class="fondoAdicional invertido-creditovivienda-55px displayB Ancho50 Alto50"><span class="estiloTexto">Vivienda</span></span></a>
                    <a class="tipoCreditoBtn" id="creditoVehiculo" title="Crédito de vehículo"><span class="fondoAdicional invertido-creditovehiculo-55px displayB Ancho50 Alto50"><span class="estiloTexto">Vehículo</span></span></a>
                    <a class="tipoCreditoBtn" title="Crédito de Libre Inversión"><span class="fondoAdicional invertido-creditolibre-55px displayB Ancho50 Alto50"><span class="estiloTexto">Libre inversión</span></span></a>
                    <a class="tipoCreditoBtn" title="Crédito de Estudio"><span class="fondoAdicional invertido-creditoestudio-55px displayB Ancho50 Alto50"><span class="estiloTexto">Estudio</span></span></a>
                    <a class="tipoCreditoBtn" title="Crédito de viajes"><span class="fondoAdicional invertido-creditoviajes-55px displayB Ancho50 Alto50"><span class="estiloTexto">Viajes</span></span></a>
                    <a class="tipoCreditoBtn" title="Microcrédito"><span class="fondoAdicional invertido-creditomicro-55px displayB Ancho50 Alto50"><span class="estiloTexto">Microcrédito</span></span></a>
                    
                    <div id="datosPignoracion">
                    	<p>
                        	<label for="valorObjeto" class="opcionLabel">&iquest;Cuál es el valor total?</label>
                        </p>
                        <b>$</b> <input id="valorObjeto" type="text" value="0">
                    </div>
                    
                    <div id="configuracionSimulador">
                    	<p>
                            <label for="valorCredito" class="opcionLabel">&iquest;Cuál sería el monto del crédito?</label>
                        </p>
                    	<b>$</b> <input id="valorCredito" type="text" value="0">
                    
                    	<p>
                            <label for="monto">&iquest;Cuánto quieres pagar de cuota?</label><br />
                            <b>$</b> <input id="monto" style="border:0; color:#369; font-weight:bold;" type="text" value="0">
                            <div id="slider-monto" class=" ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" style="width:95%"><a style="left: 4.8%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div>
                        </p>
                        <p>
                            <label for="cuota">&iquest;Cuántas cuotas deseas pagar?</label>
                            Crédito por <input id="cuota" style="border:0; color:#369; font-weight:bold; width:30px; text-align:center" type="text" value="0"> meses
                            <div id="slider-cuotas" class=" ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" style="width:95%"><a style="left: 4.8%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div>                        
                    	</p>
                    </div>
                </div>
                
                
            
            </div>
</asp:Content>
<asp:Content ID="Content11" ContentPlaceHolderID="MainContent" runat="server">
                	
				<div id="CanvasGraphs" class="izquierda" style="height: 400px; width: 100%;">				
				</div>
                
</asp:Content>
<asp:Content ID="Content12" ContentPlaceHolderID="FooterWebPage" runat="server">
</asp:Content>
<asp:Content ID="Content13" ContentPlaceHolderID="VentanasEmergentes" runat="server">
</asp:Content>
